<template>
	<view class="mine">
		<view class="tabbar">
			<topBar :barTit="barTit"></topBar>
		</view>
		<view class="topBanner">
			<!-- 未登录注册 -->
			<view class="notLoggedIn" v-if="!isLogin">
				<view>欢迎来到开封文化预约</view>
				<view>登录/注册</view>
			</view>
			<!-- 已登录 -->
			<view class="loggedIn" v-else>
				<img src="../../static/images/loginPhoto.png" alt="">
				<view>星光斑斓里遍寻</view>
			</view>
		</view>
		<!-- 导航 -->
		<view class="myTopNav">
			<view class="havaBackground">
				<view class="navItem" v-for="(item,index) in navList" :key="index">
					<view class="nav" :class="index==2?'isNoBorder':''">
						<img :src=item.img alt="">
						<view>{{item.tit}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 更多菜单 -->
		<view class="moreNav">
			<view class="havaBackground">
				<view class="moreNavList">
					<view class="morenNavItem" v-for="(item,index) in moreNav" :key="index"
						:class="index==0 || index== 1?'noMargin':''">
						<view>
							<img :src=item.img alt="">
						</view>
						<view>
							<view class="tit">{{item.tit}}</view>
							<view class="msg">{{item.msg}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- tabbar -->
		<hans-tabber :list="list" :current="current" style="position:fixed;bottom:0;width:100%;left:0;right:0;"
			@tabChange="tabChange"></hans-tabber>
	</view>
</template>

<script>
	import hansTabber from '../../components/hans-tabbar/hans-tabbar.vue'
	import topBar from '../../components/topNavBar.vue'
	export default {
		components: {
			hansTabber,
			topBar
		},
		data() {
			return {
				barTit:'我的',
				current: 4,
				isLogin: true,
				navList: [{
						img: '../../static/images/dingdan.png',
						tit: '我的订单'
					},
					{
						img: '../../static/images/myshoucang.png',
						tit: '我的收藏'
					},
					{
						img: '../../static/images/pinglun.png',
						tit: '我的评论'
					}
				],
				moreNav: [{
						img: '../../static/images/myJf.png',
						tit: '我的积分',
						msg: '看看我的积分'
					},
					{
						img: '../../static/images/geren.png',
						tit: '个人信息',
						msg: '管理我的信息'
					},
					{
						img: '../../static/images/peisong.png',
						tit: '配送申报',
						msg: '填写申报资料'
					},
					{
						img: '../../static/images/myGuanzhu.png',
						tit: '我的关注',
						msg: '关注的好宝贝'
					},
					{
						img: '../../static/images/shiming.png',
						tit: '实名认证',
						msg: '未认证'
					},
					{
						img: '../../static/images/zizhi.png',
						tit: '资质认证',
						msg: '填写资质信息'
					}
				],
				list: [{
						"text": "首页",
						"iconPath": '../../static/images/index1.png',
						"selectedIconPath": '../../static/images/index.png'
					},
					{
						"text": "场馆",
						"iconPath": '../../static/images/dq.png',
						"selectedIconPath": '../../static/images/dq1.png'
					},
					{
						"text": "",
						"iconPath": '../../static/images/bx.png',
						"selectedIconPath": '../../static/images/bx.png'
					},
					{
						"text": "视频",
						"iconPath": '../../static/images/video.png',
						"selectedIconPath": '../../static/images/video1.png'
					},
					{
						"text": "我的",
						"iconPath": '../../static/images/my.png',
						"selectedIconPath": '../../static/images/my1.png'
					}
				],
			}
		},
		methods: {
			tabChange(index) {
				if (index == 0) {
					uni.redirectTo({
						url: '/pages/index/index'
					})
				} else if (index == 1) {
					uni.redirectTo({
						url: '/pages/venue/venue'
					})
				} else if (index == 2) {
					uni.redirectTo({
						url: '/pages/peopleOrder/peopleOrder'
					})
				} else if (index == 3) {
					uni.redirectTo({
						url: '/pages/videoPage/videoPage'
					})
				} else if (index == 4) {
					uni.redirectTo({
						url: '/pages/mine/mine'
					})
				}
			},
		}
	}
</script>

<style scoped lang="scss" src="./index.scss"></style>
<style>
	@import url('../../static/css/public.css')
</style>
